<template>
  <div>
    <div>
      <span>用户名:</span>
      <input type="text" v-model="name">
    </div>
    <div>
      <span>密码:</span>
      <input type="password" v-model="password">
    </div>
    <div>
      <span>来自于哪里?</span>
      <select v-model="from">
        <option value="北京市">北京市</option>
        <option value="临汾市">临汾市</option>
        <option value="太原市">太原市</option>
      </select>
    </div>
    <div> 
      <span>爱好</span>
      <input type="checkbox" v-model="hobby" value="吃饭" ><span>吃饭</span>
      <input type="checkbox" v-model="hobby" value="逛街" ><span>逛街</span>
      <input type="checkbox" v-model="hobby" value="旅游" ><span>旅游</span>
    </div>
    <div>
      <span>性别</span>
      <input type="radio" name="sex" v-model="sex" value="男" ><span>男</span>
      <input type="radio" name="sex" v-model="sex" value="女" ><span>女</span>
    </div>
    <div>
      <span>自我介绍</span>
      <textarea v-model="intro"></textarea>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
      password: "",
      from: "",
      hobby: [], 
      sex: "男",
      intro: "",
    };
  }
};
</script>